<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"  name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
    <title>ERP后台管理系统</title>
</head>
<link rel="stylesheet" href="css/pintuer.css">
<link rel="stylesheet" href="css/admin.css">
<body style="background-color: #f2f9fd;">
<!--头部内容-->
<div class="header bg-main">
    <!--头部头像的logo位置-->
    <div class="logo margin-big-left fadein-top">
        <h1><img src="img/gg.jfif" class="radius-circle rotate-hover"
                 height="50">后台管理中心</h1>
    </div>

    <div class="head-l" style="margin-left: 40px; margin-top: 35px;">
        <h3 style="color: white">狗比 &nbsp; 你好！ <small id="time_show"></small></h3>
    </div>
    <!--登出按钮-->
    <div class="head-l" style="float: right; padding: 10px;">
        <a class="button button-little bg-red" href="#"><span class="icon-power-off"/> 退出登录</a>
    </div>
</div>
<!--左边菜单-->
<div class="leftnav">
    <div class="leftnav-title">
        <strong><span class="icon-list"></span> 菜单列表</strong>
    </div>
    <h2>基本设置</h2>
    <ul class="secondary_menu">
        <li>
            <a href="mag.html" target="right">头像设置</a>
        </li>
        <li>
            <h5><span class="icon-caret-right"></span>菜单设置</h5>
            <ul>
                <li><a href="#">菜单修改</a></li>
                <li><a href="#">菜单新增</a></li>
                <li><a href="#">菜单删除</a></li>
            </ul>
        </li>
    </ul>
    <h2>权限管理</h2>
    <ul class="secondary_menu">
        <li>
            <a href="#" target="right">授予权限</a>
        </li>
        <li>
            <a href="#" target="right">菜单权限</a>
        </li>
    </ul>
    <h2>物流管理</h2>
</div>
<!--右边主体中的头部导航-->
<ul class="bread">
    <li>
        <a href="#" class="icon-home">首页</a>
    </li>
    <li>
        <a href="#" id="a_leader_txt">网站信息</a>
    </li>
</ul>
<!--右边主体中的内容 框架集-->
<div class="admin"  style="padding: 0px;margin: 0px">
    <iframe scrolling="no" rameborder="0" name="right" src="info.html" width="100%" height="100%"></iframe>
</div>

</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/gettime.js"></script>
<script src="js/pintuer.js"></script>

<script>
    $(".leftnav h2,h5").click(function () {
        if ($(this)[0].tagName == "H5") {
            if ($(this).find("span").prop("class") == "icon-caret-down") {
                $(this).find("span").prop("class", "icon-caret-right");
            } else {
                $(this).find("span").prop("class", "icon-caret-down");
            }
        }
        ;
        $(this).next().slideToggle(200);
        $(this).toggleClass("on");
    })
    $(".leftnav ul li a").click(function () {
        $("#a_leader_txt").text( $(this).text());
    })

    $(".leftnav  li a").bind("click", function() {
        $(".bread li").eq(0).nextAll().remove();
        var name1 = $(this).text();
        var name2 = $(this).parent().parent().prev().text();
        let stringText = "<li><a href='##' id='a_leader_txt'>" + name2 + "</a></li>";
        stringText += "<li><a href='##' id='a_leader_txt'>" + name1 + "</a></li>"
        $(".bread").append(stringText)
    })

    $(".secondary_menu  ul  li  a").bind("click", function(event) {
        $(".bread li").eq(0).nextAll().remove();
        var name1 = $(this).text();
        var name2 = $(this).parent().parent().prev().text();
        var name3 = $(this).parent().parent().parent().parent().prev().text();
        let stringText = "<li><a href='##' id='a_leader_txt'>" + name3 + "</a></li>";
        stringText += "<li><a href='##' id='a_leader_txt'>" + name2 + "</a></li>"
        stringText += "<li><a href='##' id='a_leader_txt'>" + name1 + "</a></li>"
        $(".bread").append(stringText)

    })
</script>
</html>